<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
    user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
    <title>艾编程</title>
</head>
<body>
    <!-- 头部 -->
    <div class="top">
        <div class="logo_content">
            <div class="logo"><img src="images/logo-1.png"></div>
            <div class="top_item">
                <a href="###">概况</a>
                <a href="###">教务</a>
                <a href="###">营销</a>
                <a href="###">运销</a>
                <a href="###">用户</a>
                <a href="###">交易</a>
            </div>
            <div class="column"><img src="images/column_750.png"></div>
        </div>
    </div>
    <!-- 教学管理 -->
    <div class="Administration">
        <div class="sidebar">
            <ul>
                <li>
                    <a href="###">
                        <img src="icons/icons_1.png" alt="">教学管理
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_2.png" alt="">助学管理
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_3.png" alt="">营销管理
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_4.png" alt="">用户管理
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_5.png" alt="">订单管理
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_6.png" alt="">数据分析
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_7.png" alt="">运营
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="icons/icons_8.png" alt="">渠道管理
                    </a>
                </li>
            </ul>
        </div>
        <!-- 最新学员 -->
        <div class="student">
            <div class="student_content">
                <div class="student_item">
                    <div class="student_new">
                        <p>最新学员</p>
                        <p>最后一周数据</p>
                        <p>查看详细</p>
                    </div>
                </div>
                <div class="student_item">688</div>
            </div>
            <div class="student_content">
                <div class="student_item">
                    <div class="student_new">
                        <p>订单</p>
                        <p>未支付订单</p>
                        <p>查看详细</p>
                    </div>
                </div>
                <div class="student_item">11</div>
            </div>
            <div class="student_content">
                <div class="student_item">
                    <div class="student_new">
                        <p>当月利润</p>
                        <p>截止到昨天</p>
                        <p>查看详细</p>
                    </div>
                </div>
                <div class="student_item">68596</div>
            </div>
            <div class="student_content">
                <div class="student_item">
                    <div class="student_new">
                        <p>快到期学员</p>
                        <p>最后一周数据</p>
                        <p>查看详细</p>
                    </div>
                </div>
                <div class="student_item">852</div>
            </div>
        </div>
        <!-- 最新报名学员 -->
        <div class="signup">
            <div class="signup_left">
                <div class="signup_customer">
                    <section class="customer_1">最新报名学员</section>
                    <section class="customer_1">
                        <section class="customer_item">顾客</section>
                        <section class="customer_item product ">产品</section>
                        <section class="customer_item">发票</section>
                        <section class="customer_item">价格</section>
                        <section class="customer_item">状态</section>
                    </section>
                    <section class="customer_1">
                        <section class="customer_item"><img src="icons/icons_9.png">&nbsp;张三</section>
                        <section class="customer_item product">web前端体系课程，是目前最棒的学习体系，…</section>
                        <section class="customer_item">已开</section>
                        <section class="customer_item">6888</section>
                        <section class="customer_item">已发货</section>
                    </section>
                    <section class="customer_1">
                        <section class="customer_item"><img src="icons/tx2.png">&nbsp;李四</section>
                        <section class="customer_item product">web前端0基础到实战</section>
                        <section class="customer_item">已开</section>
                        <section class="customer_item">6888</section>
                        <section class="customer_item">已发货</section>
                    </section>
                    <section class="customer_1">
                        <section class="customer_item"><img src="icons/icons_9.png">&nbsp;小丽</section>
                        <section class="customer_item product">JavaScript系列课程</section>
                        <section class="customer_item">已开</section>
                        <section class="customer_item">6888</section>
                        <section class="customer_item">已发货</section>
                    </section>
                    <section class="customer_1">
                        <section class="customer_item"><img src="icons/icons_9.png">&nbsp;小红</section>
                        <section class="customer_item product">css 6大主流布局</section>
                        <section class="customer_item">已开</section>
                        <section class="customer_item">6888</section>
                        <section class="customer_item">已发货</section>
                    </section>
                    <section class="customer_1">
                        <section class="customer_item"><img src="icons/tx2.png">&nbsp;八戒</section>
                        <section class="customer_item product">移动WebApp开发课程</section>
                        <section class="customer_item">已开</section>
                        <section class="customer_item">6888</section>
                        <section class="customer_item">已发货</section>
                    </section>
                </div>
            </div>
                <div class="signup_right">
                    <div class="hot_curriculum">
                        <section class="hot_item">热门课程</section>
                        <section class="hot_item">
                            <section class="hot_technology"><img src="icons/icons_css.png"></section>
                            <section class="hot_technology">
                                <p>css 6大主流布局技术<br> 报名人:12344</p>
                            </section>
                        </section>
                        <section class="hot_item">
                            <section class="hot_technology"><img src="icons/icons_js.png"></section>
                            <section class="hot_technology">
                                <p>Javascript基础入门到实战<br> 报名人:166344</p>
                            </section>
                        </section>
                        <section class="hot_item">
                            <section class="hot_technology"><img src="icons/icons_vue.png"></section>
                            <section class="hot_technology">
                                <p>Vue基础到实战<br> 报名人:34432</p>
                            </section>
                        </section>
                        <section class="hot_item">
                            <section class="hot_technology"><img src="icons/icons_reat.png"></section>
                            <section class="hot_technology">
                                <p>React入门到精通<br> 报名人:4222</p>
                            </section>
                        </section>
                        <section class="hot_item">
                            <section class="hot_technology"><img src="icons/icons_app.png"></section>
                            <section class="hot_technology">
                                <p>移动端WebAPP开发<br> 报名人:2333</p>
                            </section>
                        </section>
                    </div>
                </div>
        </div>
    </div>
    <!-- 站长公告 -->
    <div class="notice">
        <div class="notice_item">
            <section class="notice_title">站长公告</section>
            <section class="notice_img"><img src="images/imgs1.png" alt=""></section>
            <section class="notice_txt">艾编程是在大数据人工智能时代高速发展
            的今天成立的一家以提 供各行业商业项目研发解决方案为核心的在线学习平台。
            </section>
        </div>
        <div class="notice_item">
            <section class="notice_title">数据分析</section>
            <section class="analysis"><img src="images/imgs2.png" alt=""></section>
        </div>
        <div class="notice_item">
            <section class="notice_title">交易平台</section>
            <section class="analysis"><img src="images/imgs3.png" alt=""></section>
        </div>
    </div>
</body>
</html>